<template>
    <el-dialog
        title=""
        :visible.sync="dialogVisible"
        :close-on-click-modal="false"
        :close-on-press-escape="false"
        :show-close="false"
        width="30%"
        :before-close="handleClose">
        <span slot="footer" class="dialog-footer">
            <el-button>确定</el-button>
            <el-button type="submain" @click="handleClose">取消</el-button>
        </span>
    </el-dialog>
</template>

<script>
export default {
    name: "",

    data () {
        return {
            dialogVisible: false
        };
    },

    created () {},

    mounted () {},

    methods: {
        /* 触发弹窗 */
        open () {
            this.dialogVisible = true;
        },

        /* 关闭对话框 */
        handleClose () {
            this.dialogVisible = false;
        }
    }
}
</script>

<style lang="scss">
</style>